Skip to content

Conversation

@marcodejongh
Copy link
Owner

Summary

  • Replace Space direction prop with orientation (18 occurrences in 14 files)
  • Replace Select onDropdownVisibleChange with onOpenChange (2 files)
  • Replace Alert message prop with title (12 files)
  • Fix useForm disconnection in auth-modal.tsx by adding forceRender: true to tab items

Details

These changes eliminate the following console warnings that appeared during navigation:

Warning Fix
[antd: Space] direction is deprecated Changed to orientation
[antd: Select] onDropdownVisibleChange is deprecated Changed to onOpenChange
[antd: Alert] message is deprecated Changed to title
Instance created by useForm is not connected Added forceRender: true to tab items

Test plan

  • Start dev server and navigate through the app
  • Open auth modal and switch between login/register tabs
  • Close auth modal
  • Click Search tab
  • Verify no deprecation warnings in browser console
  • Run npm run lint - no new errors introduced

🤖 Generated with Claude Code

- Replace Space `direction` prop with `orientation` (18 occurrences in 14 files)
- Replace Select `onDropdownVisibleChange` with `onOpenChange` (2 files)
- Replace Alert `message` prop with `title` (12 files)
- Fix useForm disconnection in auth-modal.tsx by adding `forceRender: true`
  to tab items and using `destroyOnHidden={false}` on Tabs

These changes eliminate the following console warnings:
- [antd: Space] direction is deprecated. Please use orientation instead.
- [antd: Select] onDropdownVisibleChange is deprecated. Please use onOpenChange instead.
- [antd: Alert] message is deprecated. Please use title instead.
- Instance created by useForm is not connected to any Form element.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Jan 12, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Review Updated (UTC)
boardsesh Building Building Preview, Comment Jan 12, 2026 11:13pm

@claude
Copy link

claude bot commented Jan 12, 2026

Claude Review

Ready to merge - No significant issues found.

This PR correctly addresses AntD v6 deprecation warnings with straightforward prop renames (directionorientation, messagetitle, onDropdownVisibleChangeonOpenChange). The forceRender: true + destroyOnHidden={false} fix for the useForm disconnection warning in auth-modal.tsx is the appropriate solution.

…nnected

Since forceRender: true ensures both forms stay mounted in the DOM,
the conditional reset logic was unnecessary and could leave stale data
in the non-active form.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@marcodejongh marcodejongh merged commit 50686cd into main Jan 12, 2026
4 of 6 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants